<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="format-detection" content="telephone=no" />
    <meta content="email=no" name="format-detection" />
    <script src="../build/flexible.js"></script>
    <script src="../build/flexible_css.js"></script>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/main.css">
    <link rel="stylesheet" href="../js/swiper/swiper.css">
    <link rel="stylesheet" href="../js/mobiscroll/mobiscroll.custom-2.17.0.min.css">
    <title>赛事详情</title>
</head>
<body>

<header>
    <div class="header-tit header-game box box-between box-center">
        <div class="message">
            <a href="" class="box box-col box-center font12">
                <span class="icon-message"></span>
                <span class="message-word">消息</span>
                <span class="message-num">2</span>
            </a>
        </div>
        <div class="share box box-left box-center">
            <a href="" class="icon-share"></a>
        </div>
    </div>
</header>

<section class="section-game section-tit">

    <!--轮播广告-->
    <div class="swiper-container banner">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <a href=""><img src="../img/banner.jpg"></a>
            </div>
            <div class="swiper-slide">
                <a href=""><img src="../img/banner.jpg"></a>
            </div>
            <div class="swiper-slide">
                <a href=""><img src="../img/banner.jpg"></a>
            </div>
            <div class="swiper-slide">
                <a href=""><img src="../img/banner.jpg"></a>
            </div>
            <div class="swiper-slide">
                <a href=""><img src="../img/banner.jpg"></a>
            </div>
        </div>
        <div class="swiper-pagination"></div>
    </div>

    <!--图形菜单-->
    <div class="menu-box">
        <!--赛事标题-->
        <div class="game-tit font14">
            <p>国排球协会业余积列赛“高神-GOSEN”全国青少年排球全国青少年排球</p>
        </div>
        <!--公告详情-->
        <div class="notice notice-game box box-left box-center">
            <div class="notice-tit item-fix font16 box box-col box-center">
                <p class="notice-red">赛事</p>
                <p class="notice-black">公告</p>
            </div>
            <div class="notice-inf item box box-left box-center">
                <div class="icon-notice item-fix"></div>
                <div class="notice-message item font12">
                    <a href="">最近都在比赛，偶然关注到一款运动比赛，于是难道去了一个美丽的地方去了最近都在比赛，偶然关注到一款运动比赛，于是难道去了一个美丽的地方去了最近都在比赛，偶然关注到一款运动比赛，于是难道去了一个美丽的地方去了</a>
                </div>
            </div>
        </div>
    </div>

    <!--赛事详情菜单-->
    <ul class="game-menu margin-square box box-center">
        <li>
            <a href="gameDetail.html" class="box box-col box-center">
                <span class="game-menu-icons menu-icon-game"></span>
                <span class="game-menu-word font12">赛事详情</span>
            </a>
            <div class="game-menu-line"></div>
        </li>
        <li>
            <a href="gamePlayer.html" class="box box-col box-center">
                <span class="game-menu-icons menu-icon-player"></span>
                <span class="game-menu-word font12">运动员墙</span>
            </a>
            <div class="game-menu-line"></div>
        </li>
        <li>
            <a href="gameCompetitionFinals.html" class="box box-col box-center game-menu-now">
                <span class="game-menu-icons menu-icon-vs"></span>
                <span class="game-menu-word font12">比赛对阵</span>
            </a>
            <div class="game-menu-line"></div>
        </li>
        <li>
            <a href="gamePhoto.html" class="box box-col box-center">
                <span class="game-menu-icons menu-icon-img"></span>
                <span class="game-menu-word font12">照片墙</span>
            </a>
            <div class="game-menu-line"></div>
        </li>
    </ul>

    <!--比赛对阵-->
    <div class="competition-tit box box-left box-center font14">
        <a href="gameCompetitionFinals.html" class="competition-now">总决赛</a>
        <a href="gameCompetitionTeam.html">小组赛</a>
    </div>
    <div class="member competition">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <ul class="competition-list clear">
                        <li class="box box-between box-center">
                            <div class="competition-people box box-col box-center">
                                <div class="competition-people-img">
                                    <img src="../img/member_header.jpg" alt="">
                                </div>
                                <div class="competition-name font12">大力队</div>
                            </div>

                            <div class="competition-inf box box-col box-center">
                                <div class="competition-inf-tit font12">1/4决赛</div>
                                <div class="competition-inf-score box box-center">
                                    <div class="competition-score-num">0</div>
                                    <div class="competition-score-vs">VS</div>
                                    <div class="competition-score-num">0</div>
                                </div>
                                <div class="competition-des font12">裁判组：张三 李四 王五</div>
                            </div>

                            <div class="competition-people box box-col box-center">
                                <div class="competition-people-img">
                                    <img src="../img/member_header.jpg" alt="">
                                </div>
                                <div class="competition-name font12">大力队</div>
                            </div>
                        </li>
                        <li class="box box-between box-center">
                            <div class="competition-people box box-col box-center">
                                <div class="competition-people-img">
                                    <img src="../img/member_header.jpg" alt="">
                                </div>
                                <div class="competition-name">大力队</div>
                            </div>

                            <div class="competition-inf box box-col box-center">
                                <div class="competition-inf-tit font12">1/4决赛</div>
                                <div class="competition-inf-score box box-center">
                                    <div class="competition-score-num">0</div>
                                    <div class="competition-score-vs">VS</div>
                                    <div class="competition-score-num">0</div>
                                </div>
                                <div class="competition-des font12">裁判组：张三 李四 王五</div>
                            </div>

                            <div class="competition-people box box-col box-center">
                                <div class="competition-people-img">
                                    <img src="../img/member_header.jpg" alt="">
                                </div>
                                <div class="competition-name">大力队</div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="swiper-pagination"></div>
        </div>
    </div>

    <!--评论-->
    <div class="comment margin-square">
        <div class="comment-tit box box-between box-center">
            <div class="comment-tit-word font16 item-fix">评论</div>
            <div class="comment-tit-num item font12">
                <a href="gameCommentDetail.html" class="box box-right box-center">
                    <span class="comment-tit-tip">10000人评价</span>
                    <span class="icon-in"></span>
                </a>
            </div>
        </div>
        <ul class="comment-list">
            <li>
                <div class="comment-list-tit box box-left box-center">
                    <div class="comment-list-head item-fix">
                        <img src="../img/comment_img.jpg" alt="">
                    </div>
                    <div class="comment-list-head-inf item">
                        <div class="comment-list-name font14">多肉石头</div>
                        <div class="comment-list-time font12">2016-06-07</div>
                    </div>
                </div>
                <div class="comment-con font12">
                    <p>评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容</p>
                </div>
            </li>
            <li>
                <div class="comment-list-tit box box-left box-center">
                    <div class="comment-list-head item-fix">
                        <img src="../img/comment_img.jpg" alt="">
                    </div>
                    <div class="comment-list-head-inf item">
                        <div class="comment-list-name font14">多肉石头</div>
                        <div class="comment-list-time font12">2016-06-07</div>
                    </div>
                </div>
                <div class="comment-img box box-left box-center">
                    <a href="javascript:;">
                        <img src="../img/big_pic.jpg" alt="">
                    </a>
                </div>
            </li>
        </ul>
    </div>
</section>

<!--底部导航-->
<footer>
    <div class="comment-send box box-between box-center">
        <div class="upload-pic item-fix">
            <label>
                <input type="file" accept="image/*" capture="camera">
                <span class="upload-pic-icon icon-img-upload"></span>
            </label>
        </div>
        <div class="comment-send-text item box box-center">
            <textarea rows="1" placeholder="我来说两句"></textarea>
        </div>
        <div class="comment-btn item-fix font14">
            <button class="font14">评论</button>
        </div>
    </div>
    <div class="game-operation box box-left box-center font14">
        <a href="" class="game-btn item font14">立即报名</a>
    </div>
</footer>

<!--点击查看大图-->
<div class="pic-show">
    <div class="pic-show-img"><img src="../img/big_pic.jpg" alt="" class="cover"></div>
    <div class="pic-show-nav box box-between box-center">
        <div class="pic-show-complaint box box-left box-center">
            <div class="pic-show-icons icon-report"></div>
            <p class="font14">举报</p>
        </div>
        <div class="pic-show-upload">
            <a href="" class="box box-right box-center">
                <span class="pic-show-icons icon-upload"></span>
                <span class="pic-show-word font14">照片上墙</span>
            </a>
        </div>
    </div>
</div>

</body>
<script src="../js/jquery.js"></script>
<script src="../js/swiper/swiper.js"></script>
<script src="../js/autosize/autosize.js"></script>
<script src="../js/dotdotdot/dotdotdot.js"></script>
<script src="../js/mobiscroll/mobiscroll.custom-2.17.0.min.js"></script>
<script src="../js/each/common.js"></script>
<script src="../js/each/gameDetail.js"></script>
</html>